<template>
  <div class="donation-agreement">
    <p class="title">智保天赋爱心捐款协议</p>
    <p class="p-cons" v-html="dynamics"></p>
  </div>
</template>

<script>
  import { dynamic } from "@/api/api";
  export default {
    components: {
    },
    data () {
      return {
        dynamics: {},
      }
    },
    created () {
      this.dynamic_details()
    },
    methods: {
      dynamic_details() {
        dynamic().then((res) => {
          this.dynamics = res.data.data.content;
          console.log(res)
        })
      }
    }
  }
</script>

<style lang="stylus" scoped>
.donation-agreement
  padding 0 1.5rem
  .title
    color #333
    font-size 2rem
    font-weight bold
    text-align center
    padding-top 3rem
    margin-bottom 2rem
  .p-cons
    margin-top 2rem
  p
    line-height 2.4rem
    color #666
    font-size 1.5rem
</style>
